import { createBrowserRouter } from "react-router-dom";

import React from "react";

const Home = React.lazy(() => import("@pages/Home"));
const User = React.lazy(() => import("@pages/User"));
const Dashboard = React.lazy(() => import("@pages/Dashboard"));
const UserTable = React.lazy(() => import("@pages/UserTable"));
const FormPage = React.lazy(() => import("@pages/FormPage"));
const ListPage = React.lazy(() => import("@pages/ListPage"));
const DescriptionsPage = React.lazy(() => import("@pages/DescriptionsPage"));
const ModalFormPage = React.lazy(() => import("@pages/ModalFormPage"));
const StepsFormPage = React.lazy(() => import("@pages/StepsFormPage"));
const QueryFilterPage = React.lazy(() => import("@pages/QueryFilterPage"));
const UploadPage = React.lazy(() => import("@pages/UploadPage"));
const ProLayoutPage = React.lazy(() => import("@pages/ProLayoutPage"));
const Page1 = React.lazy(() => import("@pages/Page1"));
const Page2 = React.lazy(() => import("@pages/Page2"));
const Page3 = React.lazy(() => import("@pages/Page3"));
const Page4 = React.lazy(() => import("@pages/Page4"));
const Page5 = React.lazy(() => import("@pages/Page5"));
const Page6 = React.lazy(() => import("@pages/Page6"));
const Page7 = React.lazy(() => import("@pages/Page7"));
const Page8 = React.lazy(() => import("@pages/Page8"));
const Page9 = React.lazy(() => import("@pages/Page9"));
const Page10 = React.lazy(() => import("@pages/Page10"));
const Page11 = React.lazy(() => import("@pages/Page11"));
const Page12 = React.lazy(() => import("@pages/Page12"));
const Page13 = React.lazy(() => import("@pages/Page13"));
const Page14 = React.lazy(() => import("@pages/Page14"));
const Page15 = React.lazy(() => import("@pages/Page15"));
const Page16 = React.lazy(() => import("@pages/Page16"));
const Page17 = React.lazy(() => import("@pages/Page17"));
const Page18 = React.lazy(() => import("@pages/Page18"));
const Page19 = React.lazy(() => import("@pages/Page19"));
const Page20 = React.lazy(() => import("@pages/Page20"));
const Page21 = React.lazy(() => import("@pages/Page21"));
const Page22 = React.lazy(() => import("@pages/Page22"));
const Page23 = React.lazy(() => import("@pages/Page23"));
const Page24 = React.lazy(() => import("@pages/Page24"));
const Page25 = React.lazy(() => import("@pages/Page25"));
const Page26 = React.lazy(() => import("@pages/Page26"));
const Page27 = React.lazy(() => import("@pages/Page27"));
const Page28 = React.lazy(() => import("@pages/Page28"));
const Page29 = React.lazy(() => import("@pages/Page29"));
const Page30 = React.lazy(() => import("@pages/Page30"));
const Page31 = React.lazy(() => import("@pages/Page31"));
const Page32 = React.lazy(() => import("@pages/Page32"));
const Page33 = React.lazy(() => import("@pages/Page33"));
const Page34 = React.lazy(() => import("@pages/Page34"));
const Page35 = React.lazy(() => import("@pages/Page35"));
const Page36 = React.lazy(() => import("@pages/Page36"));
const Page37 = React.lazy(() => import("@pages/Page37"));
const Page38 = React.lazy(() => import("@pages/Page38"));
const Page39 = React.lazy(() => import("@pages/Page39"));
const Page40 = React.lazy(() => import("@pages/Page40"));
const Page41 = React.lazy(() => import("@pages/Page41"));
const Page42 = React.lazy(() => import("@pages/Page42"));
const Page43 = React.lazy(() => import("@pages/Page43"));
const Page44 = React.lazy(() => import("@pages/Page44"));
const Page45 = React.lazy(() => import("@pages/Page45"));
const Page46 = React.lazy(() => import("@pages/Page46"));
const Page47 = React.lazy(() => import("@pages/Page47"));
const Page48 = React.lazy(() => import("@pages/Page48"));
const Page49 = React.lazy(() => import("@pages/Page49"));
const Page50 = React.lazy(() => import("@pages/Page50"));

const router = createBrowserRouter([
  {
    path: "/",
    Component: Home,
  },
  {
    path: "/user",
    Component: User,
  },
  {
    path: "/dashboard",
    Component: Dashboard,
  },
  {
    path: "/user-table",
    Component: UserTable,
  },
  {
    path: "/form",
    Component: FormPage,
  },
  {
    path: "/list",
    Component: ListPage,
  },
  {
    path: "/descriptions",
    Component: DescriptionsPage,
  },
  {
    path: "/modal-form",
    Component: ModalFormPage,
  },
  {
    path: "/steps-form",
    Component: StepsFormPage,
  },
  {
    path: "/query-filter",
    Component: QueryFilterPage,
  },
  {
    path: "/upload",
    Component: UploadPage,
  },
  {
    path: "/pro-layout",
    Component: ProLayoutPage,
  },
  {
    path: "/page1",
    Component: Page1,
  },
  {
    path: "/page2",
    Component: Page2,
  },
  {
    path: "/page3",
    Component: Page3,
  },
  {
    path: "/page4",
    Component: Page4,
  },
  {
    path: "/page5",
    Component: Page5,
  },
  {
    path: "/page6",
    Component: Page6,
  },
  {
    path: "/page7",
    Component: Page7,
  },
  {
    path: "/page8",
    Component: Page8,
  },
  {
    path: "/page9",
    Component: Page9,
  },
  {
    path: "/page10",
    Component: Page10,
  },
  {
    path: "/page11",
    Component: Page11,
  },
  {
    path: "/page12",
    Component: Page12,
  },
  {
    path: "/page13",
    Component: Page13,
  },
  {
    path: "/page14",
    Component: Page14,
  },
  {
    path: "/page15",
    Component: Page15,
  },
  {
    path: "/page16",
    Component: Page16,
  },
  {
    path: "/page17",
    Component: Page17,
  },
  {
    path: "/page18",
    Component: Page18,
  },
  {
    path: "/page19",
    Component: Page19,
  },
  {
    path: "/page20",
    Component: Page20,
  },
  {
    path: "/page21",
    Component: Page21,
  },
  {
    path: "/page22",
    Component: Page22,
  },
  {
    path: "/page23",
    Component: Page23,
  },
  {
    path: "/page24",
    Component: Page24,
  },
  {
    path: "/page25",
    Component: Page25,
  },
  {
    path: "/page26",
    Component: Page26,
  },
  {
    path: "/page27",
    Component: Page27,
  },
  {
    path: "/page28",
    Component: Page28,
  },
  {
    path: "/page29",
    Component: Page29,
  },
  {
    path: "/page30",
    Component: Page30,
  },
  {
    path: "/page31",
    Component: Page31,
  },
  {
    path: "/page32",
    Component: Page32,
  },
  {
    path: "/page33",
    Component: Page33,
  },
  {
    path: "/page34",
    Component: Page34,
  },
  {
    path: "/page35",
    Component: Page35,
  },
  {
    path: "/page36",
    Component: Page36,
  },
  {
    path: "/page37",
    Component: Page37,
  },
  {
    path: "/page38",
    Component: Page38,
  },
  {
    path: "/page39",
    Component: Page39,
  },
  {
    path: "/page40",
    Component: Page40,
  },
  {
    path: "/page41",
    Component: Page41,
  },
  {
    path: "/page42",
    Component: Page42,
  },
  {
    path: "/page43",
    Component: Page43,
  },
  {
    path: "/page44",
    Component: Page44,
  },
  {
    path: "/page45",
    Component: Page45,
  },
  {
    path: "/page46",
    Component: Page46,
  },
  {
    path: "/page47",
    Component: Page47,
  },
  {
    path: "/page48",
    Component: Page48,
  },
  {
    path: "/page49",
    Component: Page49,
  },
  {
    path: "/page50",
    Component: Page50,
  },
]);

export default router;
